<script setup lang="ts">
import { useCounterStore } from '@/stores/counter'

const store = useCounterStore()


</script>

<template>
  <div style="width: 300px; height: 100px; border: 5px solid red;">
    组件A
    <div>数量: {{ store.count }}</div>
    <div>双倍: {{ store.doubleCount }}</div>
    <button @click="store.add()">++</button>
    <button @click="store.cut()">--</button>
  </div>
</template>

<style scoped></style>